<!-- more.html -->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>更多</title>
  <link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
  <script src="{{ url_for('static', filename='js/more.js') }}"></script>
</head>
<body>
  <div class="container">
    <header class="header">
      <button class="back-btn" onclick="window.history.back()">←</button>
      <h2>更多</h2>
    </header>

    <!-- 支付管理 -->
    <div class="section">
      <h3>支付管理</h3>
      <div class="more-grid">
        <div class="more-item" onclick="openPaymentSetting()">
          <img src="{{ url_for('static', filename='img/zfsz.png') }}" alt="支付设置">
          <p>支付设置</p>
        </div>
        <div class="more-item" onclick="openAutoPay()">
          <img src="{{ url_for('static', filename='img/zdkk.png') }}" alt="自动扣款">
          <p>自动扣款</p>
        </div>
        <div class="more-item" onclick="openPaymentRecord()">
          <img src="{{ url_for('static', filename='img/zfjl.png') }}" alt="支付记录">
          <p>支付记录</p>
        </div>
      </div>
    </div>

    <!-- 安全中心 -->
    <div class="section">
      <h3>安全中心</h3>
      <div class="more-grid">
        <div class="more-item" onclick="openSecurity()">
          <img src="{{ url_for('static', filename='img/aqsz.png') }}" alt="安全设置">
          <p>安全设置</p>
        </div>
        <div class="more-item" onclick="openAccountProtect()">
          <img src="{{ url_for('static', filename='img/zhbh.png') }}" alt="账号保护">
          <p>账号保护</p>
        </div>
        <div class="more-item" onclick="openEmergency()">
          <img src="{{ url_for('static', filename='img/yjcl.png') }}" alt="应急处理">
          <p>应急处理</p>
        </div>
      </div>
    </div>

    <!-- 其他服务 -->
    <div class="section">
      <h3>其他服务</h3>
      <div class="service-list">
        <div class="service-item" onclick="openFeedback()">
          <img src="{{ url_for('static', filename='img/fkjy.png') }}" alt="反馈建议">
          <div class="service-info">
            <h4>反馈建议</h4>
            <p>提出您的宝贵意见</p>
          </div>
        </div>
        <div class="service-item" onclick="openAbout()">
          <img src="{{ url_for('static', filename='img/gywm.png') }}" alt="关于我们">
          <div class="service-info">
            <h4>关于我们</h4>
            <p>了解支付平台</p>
          </div>
        </div>
        <div class="service-item" onclick="openHelp()">
          <img src="{{ url_for('static', filename='img/bzzx.png') }}" alt="帮助中心">
          <div class="service-info">
            <h4>帮助中心</h4>
            <p>常见问题解答</p>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- 底部导航 -->
  <nav class="bottom-nav">
    <a href="/" class="nav-item">
      <img src="{{ url_for('static', filename='img/sy.png') }}" alt="首页">
      <span>首页</span>
    </a>
    <a href="/pay" class="nav-item">
      <img src="{{ url_for('static', filename='img/sfk.png') }}" alt="收付款">
      <span>收付款</span>
    </a>
    <a href="/discover" class="nav-item">
      <img src="{{ url_for('static', filename='img/fx.png') }}" alt="发现">
      <span>发现</span>
    </a>
    <a href="/profile" class="nav-item">
      <img src="{{ url_for('static', filename='img/wd.png') }}" alt="我的">
      <span>我的</span>
    </a>
    <a href="/more" class="nav-item active">
      <img src="{{ url_for('static', filename='img/gd.png') }}" alt="更多">
      <span>更多</span>
    </a>
  </nav>
</body>
</html>